<?
layout("/inc/layout.html",{title:sysTitle}){
?>

<div id="page-wrapper">
      <!--BEGIN TITLE & BREADCRUMB PAGE-->
      <div id="title-breadcrumb-option-demo" class="page-title-breadcrumb">
          <div class="page-header pull-left">
              <div class="page-title">知识结构管理</div>
          </div>
          <ol class="breadcrumb page-breadcrumb pull-left">
              <li><i class="fa fa-home"></i>&nbsp;<a href="main.html">首页</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
              <li>知识库管理&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
              <li class="active">知识结构管理</li>
          </ol>
           
          <div class="clearfix"></div>
      </div>
      <!--END TITLE & BREADCRUMB PAGE-->
      <!--BEGIN CONTENT-->
      <div class="page-content">
      
        <!-- 知识分类s -->
        <div class="panel panel-white">
	          <div class="panel-heading">知识库分类：</div>
	          <div class="panel-body">
                  <div class="demo-btn">
                      <button type="button" class="btn btn-red btn-square">临床决策辅助知识库</button>
                      <!-- 
                      <button type="button" class="btn btn-orange btn-square">Orange</button>
                      <button type="button" class="btn btn-green btn-square">Green</button>
                      <button type="button" class="btn btn-yellow btn-square">Yellow</button>
                      <button type="button" class="btn btn-blue btn-square">Blue</button>
                      <button type="button" class="btn btn-violet btn-square">Violet</button>
                      <button type="button" class="btn btn-pink btn-square">Pink</button>
                      <button type="button" class="btn btn-grey btn-square">Grey</button>
                      <button type="button" class="btn btn-dark btn-square">Dark</button>
                       -->
                  </div>
              </div>
	    </div>
	    
        <!-- 知识分类e -->
        <div class="row">
	        <div class="col-lg-4">
	            <div class="panel" style="height: 395px; overflow: auto;">
	                <div class="panel-heading">类管理
	                	<span class="subtitle">通过本体定义知识库结构</span>
	                </div>
	                <div class="panel-body" >
	                	<ul id="tree" class="ztree" style="width:260px"; overflow:auto;"></ul>
	                </div>
	            </div>
	        </div>
	        
	        <div class="col-lg-8" >
	        	<div class="panel" style="height: 205px;overflow: auto;">
	                <div class="panel-heading">数据属性管理
	                    <span class="subtitle">管理知识库基础属性，例如：机构的名称、地址等。</span>
	                </div>
	                <div class="panel-body">
	                	<!-- 
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">中文名称</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">英文名称</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">别名</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">缩写</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">概览</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">高发性别</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">高发年龄</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">好发人群</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;">发病部位</button>
	                	<button type="button" class="btn btn-blue btn-square" style="margin-bottom: 10px;"> + </button>
	                	 -->
	                </div>
	            </div>
	            <div class="panel" style="height: 205px;overflow: auto;">
	                <div class="panel-heading">对象属性管理
	                    <span class="subtitle">管理知识库关联属性，例如：人物与机构的关联关系。</span>
	                </div>
	                <div class="panel-body">
	                	<!-- 
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">概述</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">流行病学</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">病原学</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">病因</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">发病机制</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">分类</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">分型</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">分期</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">病理</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">病理生理</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">临床表现</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">辅助检查</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">诊断与鉴别诊断</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">并发症</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">治疗</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">护理</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">预后</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">健康教育</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">预防</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">参考文献</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;">相关内容（疾病、病例、心电图、工具等）</button>
	                	<button type="button" class="btn btn-green btn-square" style="margin-bottom: 10px;"> + </button>
	                	 -->
	                </div>
	            </div>
	        </div>
        </div>
        
      </div>
                     
    <!--END CONTENT-->
    </div>
    
<SCRIPT type="text/javascript" >
	//树状结构
	var setting = {
	  	view: {
	  		dblClickExpand: false,
	  		showLine: true,
	  		showTitle : true
	  	},
	  	edit: {
	  		enable: true,
	  		showRemoveBtn: false,
	  		showRenameBtn: false
	  	},
	  	data: {
	  		simpleData: {
	  			enable: true
	  		}
	  	},
	  	callback: {
	   		onClick: onClick
	  	}
   };

   function onClick(e,treeId, treeNode) {
  	//获取点击id和name
  	// alert("获取id:"+treeNode.id+"获取name:"+treeNode.name);
   }

   var zNodes =[
		{id:1, pId:0, name:"临床决策辅助知识库", open:true},
		{id:101, pId:1, name:"疾病知识库", file:"core/standardData"},
		{id:102, pId:1, name:"标准化病例", file:"core/simpleData"},
		{id:103, pId:1, name:"防范知识", file:"core/noline"},
		{id:104, pId:1, name:"医患沟通", file:"core/noicon"},
		{id:105, pId:1, name:"医学伦理", file:"core/custom_icon"},
		{id:106, pId:1, name:"医学计算器", file:"core/custom_iconSkin"},
		{id:107, pId:1, name:"医学词典（词表）", file:"core/custom_font"},
		 
	];

	$(function() {
		var treeObj = $.fn.zTree.init($("#tree"), setting, zNodes);
     	treeObj.expandAll(true); 
	});

</SCRIPT>    
    
  
<?} ?>
  
